import React from 'react'
import Taro from '@tarojs/taro'
import './index.scss'

import { Image, View, Button } from '@tarojs/components'
import { AtAvatar } from 'taro-ui'

// 资讯 卡片组件
export default function CConsultingCard() {
  function goDetails() {
    console.log(111)
    Taro.navigateTo({
      url: '/pages/Consulting/ConsultingDetails/index',
    })
  }

  return (
    <View className='wrapper' onClick={goDetails}>
      <View className='at-row'>
        <View className='at-col at-col-1 at-col--auto '>
          <AtAvatar image='https://jdc.jd.com/img/200' circle={true} size='large'></AtAvatar>
        </View>
        <View className='at-colat-col--auto right '>
          <View className='title'>李慧</View>
          <View className='rank'>国家二级心理咨询师</View>
          <View className='noto'>
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内内容内容内容内容内容内内容内容内容内容内容内内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
          </View>
          <View className='footer'>
            <View>600/50分钟</View>
            <View>视频/当面</View>
            <View>已关注</View>
          </View>
        </View>
      </View>
      <Button className='btn'>预约</Button>
    </View>
  )
}
